<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 18:39:56
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 19:17:12
 * @FilePath: /wuniubi/src/views/home/HOME/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <section class="home" id="home">
    <div class="home__container bd-container bd-grid">
      <div class="home__img">
        <!-- {{ $store.state.app.detail }} -->
        <!-- <img src="@/assets/img/home.png" alt="" /> -->
        <img :src="$store.state.app.detail.companyimage" alt="" />
      </div>
      <div class="home__data">
        <h1 class="home__title">{{ $store.state.app.detail.sharetitle || '一场有趣的婚礼'}}</h1>
        <p class="home__description">{{ $store.state.app.detail.othersharetitle || '最大的认可就是她说：“有你在我好安心”'}}.</p>
        <a href="#" class="button animated vanishIn">开始预约</a>
      </div>
    </div>
  </section>
</template>

<script>
import scrollReveal from "scrollreveal";
export default {
  name: "Home-index",
  data() {
    return {
      scrollReveal: scrollReveal(),
    };
  },
  mounted() {
    this.scrollReveal.reveal(
      `.home__data, .home__img, 
           .decoration__data,
           .accessory__content,
           .footer__content`,
      {
        origin: "top",
        interval: 200,
      }
    );
  },
};
</script>

<style lang="scss" scoped>



</style>
